﻿@charset "utf-8";
/* CSS Document */

/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner a { background:url(../images/banner.jpg) no-repeat center 0; height:500px; display:block}

/*上海消防工程施工壹级企业 */
.zj_top { padding:66px 0 40px; text-align:center;}
.zj_top a { display:block; font-size:32px; color:#333; font-weight:bold;}
.zj_top a em { color:#ed1b24;}
.zj_top span { display:block; text-transform:uppercase; color:#999; font-family:Arial; padding-top:10px;}
.zj_con { height:410px;}
.zj_con dl dt { float:left; width:540px;}
.zj_con dl dd { float:left; width:620px; padding-left:40px;}
.zj_con dl dd b a { font-size:22px; color:#333; display:block; text-align:center; line-height:40px; margin-bottom:20px;}
.zj_con dl dd b a em { color:#ed1b24;}
.zj_con dl dd p { background:#f2f2f2; padding:25px 25px 0 30px; height:145px; width:563px; line-height:25px; font-size:14px; color:#333;}
.zj_con dl dd span { display:block; padding:35px 0 0 67px;}
.zj_con dl dd span a { background:#2d2d2d; width:110px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; display:block; float:left; margin-right:15px;}
.zj_con dl dd span a:hover,.zj_con dl dd span .cur { background: url(../images/fw_spbg.gif) repeat;}

/*上消服务范围*/
.fw_bg { background:url(../images/fw_bg.jpg) no-repeat center 0; height:620px;}
.fw_top { text-align:center; padding-top:60px;}
.fw_top a { font-size:32px; color:#333; font-weight:bold;}
.fw_top a em { color:#ed1b24;}

.fw_con { padding-top:40px;}
.fw_con dl { width:280px; float:left; background:#fff; border-top:solid 1px #cacaca; border-bottom:solid 3px #cacaca; height:388px; margin-right:26px;}
.fw_con .nobor01 { margin:0;}
.fw_con dl:hover { background: url(../images/fw_spbg.gif) repeat; border-top:solid 1px #e61a23; border-bottom:solid 3px #ac0007}
.fw_con dl dt { text-align:center; padding-top:11px;}
.fw_con dl dt img { width:260px; height:180px;}
.fw_con dl dd b { display:block; text-align:center; height:50px; line-height:50px;}
.fw_con dl dd b a { font-size:16px; color:#333;}
.fw_con dl dd p { color:#333; font-size:14px; width:240px; margin:0 auto; line-height:20px; height:85px;}
.fw_con dl dd i { display:block; width:120px; margin:0 auto;}
.fw_con dl dd i a { width:118px; height:28px; line-height:28px; border:solid 1px #333; font-size:14px; text-align:center; display:block; color:#333;}
.fw_con dl:hover b a { color:#fff;}
.fw_con dl:hover p { color:#fff;}
.fw_con dl:hover dd i a {  border:solid 1px #fff; color:#fff;}

/**/
.al_top { background:url(../images/al_xx.gif) no-repeat 0 25px; text-align:center; margin:65px 0 30px;}
.al_top a { font-size:32px; color:#333; font-weight:bold; display:block;}
.al_top a em { color:#ed1b24;}
.al_top span { font-family:Arial; text-transform:uppercase; padding-top:10px; display:block;}

.al_nav { height:40px; margin-bottom:8px;}
.al_nav ul { border:solid 1px #eee; height:38px; margin:0 auto;}
.al_nav ul li { float:left; width:140px; border-right:solid 1px #eee;}
.al_nav ul .nobor01 { border:none;}
.al_nav ul li a { color:#333; font-size:14px; width:140px; text-align:center; height:38px; line-height:38px; display:block;}
.al_nav ul li a:hover,.al_nav ul .cur a { background: url(../images/fw_spbg.gif) repeat; color:#fff;}

/**/
.ys_bg { background:url(../images/ys_bg.jpg) no-repeat center 0; height:710px; margin-top:45px; _margin-top:35px;}
.ys_top { text-align:center; padding-top:60px;}
.ys_top a { display:block; font-size:32px; color:#fff; font-weight:bold;}
.ys_top em { font-family:Arial; font-size:12px; text-transform:uppercase; color:#a8a7a7; padding-top:10px; display:block}

.ys_con { margin-top:33px; height:380px;}
.ys_con ul li { float:left; width:255px; padding:0 60px 0 0;}
.ys_con ul li a { display:block; width:255px; text-align:center;}
.ys_con ul li a i { display:block; background: url(../images/ys_pic01.png) no-repeat; width:140px; height:140px; margin:0 auto;}
.ys_con ul li a:hover i,.ys_con ul .cur a i { background:url(../images/ys_pic02.png) no-repeat;}
.ys_con ul li a b { display:block; font-size:18px; padding:50px 0 15px; color:#fff;}
.ys_con ul li a em { display:block; color:#bdbbbb; line-height:25px; font-size:14px;}

.ys_con ul .ys_li02 a i { background:url(../images/ys_pic01.png) no-repeat -315px 0;}
.ys_con ul .ys_li02 a:hover i { background:url(../images/ys_pic02.png) no-repeat -315px 0;}
.ys_con ul .ys_li03 a i { background:url(../images/ys_pic01.png) no-repeat -630px 0;}
.ys_con ul .ys_li03 a:hover i { background:url(../images/ys_pic02.png) no-repeat -630px 0;}
.ys_con ul .ys_li04 { padding:0;}
.ys_con ul .ys_li04 a i { background:url(../images/ys_pic01.png) no-repeat -945px 0;}
.ys_con ul .ys_li04 a:hover i { background:url(../images/ys_pic02.png) no-repeat -945px 0;}

.ys_bot { text-align:center; color:#fff;}
.ys_bot em { display:block; font-size:14px;}
.ys_bot span { display:block; font-size:40px; color:#fff; padding:10px 0 35px; font-weight:bold;}
.ys_bot i a { width:108px; height:28px; line-height:28px; text-align:center; border:solid 1px #fff; margin:0 auto; display:block; color:#fff;}

/*上消技术专利及荣誉资质*/
.zz_top { padding-top:50px; text-align:center;} 
.zz_top a { font-size:32px; color:#333; font-weight:bold;}
.zz_top a em { color:#ed1b24}
.zz_top span { display:block; font-family:Arial; font-size:10px; text-transform:uppercase; color:#999; margin-top:8px;}

.zz_con { width:1198px; border:solid 1px #ccc; height:390px; position:relative; margin-top:30px; overflow:hidden;}
.zz01 { position:absolute; top:118px; left:0; width:26px;}
.zz03 { position:absolute; top:118px; right:0; width:26px;}
.zz01 a { background:url(../images/zz_le01.gif) no-repeat; width:26px; height:132px; display:block;}
.zz01 a:hover { background:url(../images/zz_le02.gif) no-repeat;}
.zz03 a { background:url(../images/zz_ri01.gif) no-repeat; width:26px; height:132px; display:block;}
.zz03 a:hover { background:url(../images/zz_ri02.gif) no-repeat;}
.zz02 { padding:60px 0 0 88px;}
.zz02 ul li { float:left; background:url(../images/zz_picbg.gif) no-repeat; width:199px; margin-right:75px;}
.zz02 ul .nobor01 { margin:0;}
.zz02 ul li img { width:145px; height:206px; padding:27px 0 0 27px;}
.zz02 ul li span { display:block; height:25px; line-height:25px; overflow:hidden; text-align:center; padding-top:40px;}
.zz02 ul li span a { color:#333; font-size:14px;}

.zz_bot { background:url(../images/zz_libg01.gif) repeat; height:50px; line-height:50px;}
.zz_bot ul li { float:left; width:50%; text-align:center;}
.zz_bot ul li a { font-size:18px; color:#fff;}
.zz_bot ul li a:hover,.zz_bot ul .cur a { background:url(../images/zz_libg02.gif) repeat; font-size:18px; color:#fff; display:block;}

/*捍卫工程质量*/
.zl_bg { background: url(../images/zl_bg01.jpg) no-repeat center 0; height:700px; margin-top:60px;}


.pz02 { width:1200px; height:399px; margin:0 auto;}
.pz02 ul{width:750px; height:399px; margin:0 auto; position: relative;}
.pz02 ul li { width:298px; height:358px;}
.pz02 ul li a{display:block; overflow:hidden;}
.pz02 ul li a img{ width:100%}
.pz02 ul li span{ display:block; text-align:center; width:100%; height:37px; line-height:37px;}
.pz02 ul li span a{ font-size:14px; color:#333;}

.zl_bot { background:url(../images/zl_xx.png) no-repeat; height:3px; margin-top:50px;}

/**/
.hz { padding-top:85px;}
.hz dl { background:url(../images/hz_bg.gif) no-repeat; height:385px;}
.hz dl dt { float:left; width:540px;}
.hz dl dd { float:left; width:600px; padding-left:50px;}
.hz dl dd p { padding:15px 0 60px 20px; line-height:30px; width:520px; font-size:15px; color:#333;}
.hz dl dd ul li { float:left; padding: 0 30px 30px 0;}
.hz dl dd ul li a img { width:163px; height:78px; border:solid 1px #ddd;}
.hz dl dd ul li a:hover img { border:solid 1px #e10000;}

/*广告*/
.pic01 { height:210px; margin-top:65px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:70px; left:120px; text-align:center;}
.pic01 p span { display:block; font-size:30px; color:#fff; font-weight:bold; padding-bottom:20px;}
.pic01 p a { display:block;}


/**/
.fc_bg { background: url(../images/fc_bg.jpg) no-repeat center 0; height:590px; margin-bottom:70px;}
.fc01 { width:230px; margin-top:38px;}
.fc01 ul li { height:91px; overflow:hidden;}
.fc01 ul li a { display:block; background:url(../images/fc_libg01.png) no-repeat; width:230px; height:90px; line-height:90px;   font-size:16px; color:#fff;}
.fc01 ul li a:hover,.fc01 ul .cur a { background:url(../images/fc_libg02.png) no-repeat;}
.fc01 ul li a img { display: inline-block; margin:33px 10px 0 30px; float:left;}

.fc02 { padding:30px 0 0; display:inline-block; width:978px; height:332px; border:solid 1px #ddd; border-left:none; margin:38px 0 0 -10px; overflow:hidden;}
.fc02 ul li { float:left; width:270px; padding:0 0 0 42px;}
.fc02 ul li a img { width:270px; height:186px;}
.fc02 ul li span a { display:block; height:30px; line-height:30px; text-align:center; color:#000; font-size:14px;}
.fc02 ul li p {color: #333;font-size: 14px;width: 270px;margin: 0 auto;padding-top:10px;line-height: 30px;height: 85px;}
/**/
.wd { width:410px;}
.wd_top { background:url(../images/dt_topbg.gif) repeat-x; height:50px; line-height:50px; padding-left:20px;}
.wd_top a { font-size:16px; color:#fff;}

.wd_con dl { padding:15px 0; border-bottom: solid 1px #e5e5e5;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(../images/wd_w.gif) no-repeat left 6px; height:40px; line-height:40px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { color:#333; font-weight:bold; font-size:14px}
.wd_con dd { background:url(../images/wd_d.gif) no-repeat left 4px; width:350px;  line-height:25px; padding-left:30px;color:#343231; white-space:normal; word-break:normal;}


/**/
.dt { width:760px; padding-left:30px; overflow:hidden; display:inline}
.dt_top { height:38px; background:url(../images/dt_topbg.gif) repeat-x; height:60px; line-height:50px; }
.dt_top span { float:right; display:block; padding-right:10px;}
.dt_top span a { font-size:16px; color:#fff; text-transform:uppercase;}
.dt_top ul li { float:left;}
.dt_top ul li a { width:220px; height:60px; line-height:50px; text-align:center; display:block; font-size:16px; color:#fff;}
.dt_top ul li a:hover,.dt_top ul .cur a { background: url(../images/dt_libg02.gif) no-repeat;}

.dt_con dl { height:185px; padding-top:25px; border-bottom:solid 1px #ddd; margin-bottom:40px;}
.dt_con dt { float:left; padding-right:30px;}
.dt_con dt img { width:200px; height:150px;}
.dt_con dd { float:left; width:522px}
.dt_con dd b{ height:30px; display:block;}
.dt_con dd b a { font-size:16px; color:#333;}
.dt_con dd p { line-height:25px; color:#333; font-size:14px; height:80px;}
.dt_con ul li { float:left; width:360px; height:60px; border-bottom:solid 1px #ddd; margin:0 20px 20px 0; background:url(../images/dt_ico01.gif) no-repeat right 10px;}
.dt_con ul li a { color:#929292}
.dt_con ul li a i { display:block; background:#333; width:15px; height:15px; line-height:15px; text-align:center; color:#fff; float:left; margin:3px 0 0;}
.dt_con ul li a span { display:block; float:left; width:280px; padding-left:25px; font-size:14px; color:#333;}
.dt_con ul li a span em { display:block; font-family:Arial; font-size:14px; color:#858585; padding-top:5px;}

/**/
.yq_bg { border-top:solid 1px #d8d8d8; margin-top:30px; padding-top:30px; height:60px;}
.yq_bg em { display:block; float:right; line-height:30px;}
.yq_bg em a { font-size:14px; color:#ed1b24;}
.yq_bg p { font-size:14px; height:30px; width:1060px; line-height:30px; overflow:hidden;}
.yq_bg p a { color:#333; padding:0 20px;}

/*---产品中心---*/
.pro_main { background-color:#fff;zoom:1; padding:10px 5px; overflow:hidden;}
dl.pj_list_dl{ width:286px; overflow:hidden; float:left; padding: 20px 14px 0 0px;}
dl.pj_list_dl dt,dl.pj_list_dl dt a{ line-height:0; font-size:0;}
dl.pj_list_dl dt img{width:276px; height:193px; border: 1px solid #e1e1e1; padding:3px; }
dl.pj_list_dl dd{ margin-top:3px; height:30px; width:286px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; text-align:center;}
dl.pj_list_dl_0{ padding-right:0;}
dl.pj_list_dl a {font-size:14px; }
dl.pj_list_dl dt:hover img{border: 1px solid #EC2123; }